<template lang="html">
  <div>
    <sui-button color="red" content="Red" />
    <sui-button color="orange" content="Orange" />
    <sui-button color="yellow" content="Yellow" />
    <sui-button color="olive" content="Olive" />
    <sui-button color="green" content="Green" />
    <sui-button color="teal" content="Teal" />
    <sui-button color="blue" content="Blue" />
    <sui-button color="violet" content="Violet" />
    <sui-button color="purple" content="Purple" />
    <sui-button color="pink" content="Pink" />
    <sui-button color="brown" content="Brown" />
    <sui-button color="grey" content="Grey" />
    <sui-button color="black" content="Black" />
  </div>
</template>

<script>
export default {
  name: 'ButtonColoredExample',
};
</script>
